{extend name="index/index" /}
{block name="main"}
<main class="container pt-xs-6" id="pjax-content">
<div class="row">
    <div class="col-md-8">
        <div class="row" id="main">
            <article class="article " id="post-14">
                <div class="article-img">
                </div>
                <div class="article-title">
                    <a href="http://heitang.chuangzaoshi.com/archives/14">
                        {$post.title}
                    </a>
                </div>
                <div class="article-meta">
                    <span class="article-meta-time">
                        {$post.sendTime}
                    </span>
                    <i class="czs-bookmark-l"></i>
                    <a href="http://heitang.chuangzaoshi.com/archives/category/creativity"
                    rel="category tag">创意</a>
                    <a href="http://heitang.chuangzaoshi.com/archives/category/hardware" rel="category tag">
                        硬件
                    </a>
                    <a href="http://heitang.chuangzaoshi.com/archives/category/tech" rel="category tag">
                        科技
                    </a>
                    <a href="http://heitang.chuangzaoshi.com/archives/category/design" rel="category tag">
                        设计
                    </a>
                    &nbsp;
                    <i class="czs-heart-l">
                    </i>
                    <span class="count">
                        20
                    </span>
                    &nbsp;
                    <i class="czs-comment-l">
                    </i>
                    <a href="http://heitang.chuangzaoshi.com/archives/14#respond" class="article-meta-comment">
                        0
                    </a>
                    <i class="czs-eye-l">
                    </i>
                    2468&nbsp;
                    <!-- user edit -->
                    <!-- baidu push -->
                </div>
                <div class="article-body">
                    {$post.content}
                </div>
                <!-- advertisement -->
                <!-- copyright -->
                <p class="article-copyright">
                    转载原创文章请注明，转载自:
                    <a href="">
                        搞事情论坛
                    </a>
                </p>
                <div class="article-support">
                    <div class="article-support-title">
                        「如果你觉得对你有用，欢迎点击下方按钮对我打赏」
                    </div>
                    <div class="article-support-img">
                        <div class="article-support-zhifubao">
                            <img src="http://heitang.chuangzaoshi.com/wp-content/themes/BlackCandy-V2.0/assets/images/zhifubao_qrcode.png"
                            />
                            <div class="article-support-img-title">
                                支付宝支付
                            </div>
                        </div>
                        <div class="article-support-wechat">
                            <img src="http://heitang.chuangzaoshi.com/wp-content/themes/BlackCandy-V2.0/assets/images/wechat_qrcode.png"
                            />
                            <div class="article-support-img-title">
                                微信支付
                            </div>
                        </div>
                    </div>
                    <div class="article-support-button">
                        <a class="btn">
                            赞赏
                        </a>
                    </div>
                </div>
                <!-- like -->
                <div class="article-like">
                    <a href="javascript:;" data-action="ding" data-id="14" class="favorite">
                        <i class="czs-heart-l">
                        </i>
                        <span class="count">
                            20
                        </span>
                    </a>
                </div>
                <!-- share -->
                <div class="article-share">
                    <span class="article-share-title">
                        分享到:
                    </span>
                    <span class="bdsharebuttonbox d-inline-block bdshare-button-style0-16"
                    data-bd-bind="1514979668497">
                        <a href="#" class="bds_weixin czs-weixin" data-cmd="weixin" title="分享到微信">
                        </a>
                        <a href="#" class="bds_tsina czs-weibo" data-cmd="tsina" title="分享到新浪微博">
                        </a>
                        <a href="#" class="bds_sqq czs-QQ" data-cmd="sqq" title="分享到QQ">
                        </a>
                        <a href="#" class="bds_more czs-add" data-cmd="more">
                        </a>
                    </span>
                    <script>
                        window._bd_share_config = {
                            "common": {
                                "bdSnsKey": {},
                                "bdText": "",
                                "bdMini": "1",
                                "bdMiniList": false,
                                "bdPic": "",
                                "bdStyle": "0"
                            },
                            "share": {
                                bdCustomStyle: themeUrl + '/assets/css/share.css'
                            }
                        };
                        with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = themeUrl + '/assets/js/bdshare/static/api/js/share.js?v=89860593.js?cdnversion=' + ~ ( - new Date() / 36e5)];
                    </script>
                </div>
            </article>
            <section id="post-link">
                <div class="md-6 post-link-previous">
                    上一篇:
                    <a href="http://heitang.chuangzaoshi.com/archives/11" rel="prev">
                        黑糖丨黑糖主题网站所有汉字一秒变繁体！
                    </a>
                </div>
                <div class="md-6 post-link-next">
                    下一篇:
                    <a href="http://heitang.chuangzaoshi.com/archives/16" rel="next">
                        黑糖丨文章编辑器，同样的wordpress不一样的体验
                    </a>
                </div>
            </section>
            <div class="comments">
             {include file="index/pinglun" /}
            </div>
        </div>
    </div>
    <div class="col-md-4 ">
        <div class="row" style="padding-left: 30px;">
            <aside id="sidebar">
                <div class="sidebar-wrap">
                    <div class="affix" style="width: 340px;">
                    </div>
                    <div class="sidebar-article">
                        <div class="widget widget-profile-elegant">
                            <div class="widget-profile-avatar">
                                <img alt="" src="http://heitang.chuangzaoshi.com/wp-content/uploads/2017/05/avatar_user_1_1494903592-60x60.png"
                                srcset="http://heitang.chuangzaoshi.com/wp-content/uploads/2017/05/avatar_user_1_1494903592.png 2x"
                                class="avatar avatar-60 photo" height="60" width="60" />
                            </div>
                            <div class="widget-profile-user">
                                <a href="http://heitang.chuangzaoshi.com/archives/author/geeker" target="_blank">
                                    {$user.name}
                                </a>
                            </div>
                            <div class="widget-profile-article">
                                共发表了11篇文章
                            </div>
                            <div class="widget-profile-description">
                            </div>
                        </div>
                        <div id="widget-tagcloud-3" class="widget widget-tagcloud">
                            <div class="widget-title">
                                <span>
                                    标签云
                                </span>
                            </div>
                            <div class="tagcloud">
                                <a href="http://heitang.chuangzaoshi.com/archives/tag/ai" class="tag-cloud-link tag-link-6 tag-link-position-1"
                                style="font-size: 8pt;" aria-label="AI智能 (6个项目)">
                                    AI智能
                                </a>
                                <a class="tagcloud-more" href="http://heitang.chuangzaoshi.com/%e9%bb%91%e7%b3%96%e4%b8%a8%e6%b5%8b%e8%af%95%e6%96%87%e7%ab%a03"
                                title="更多标签">
                                    更多
                                </a>
                            </div>
                        </div>
                        <div id="widget-hotpost-4" class="widget widget-hotpost">
                            <div class="widget-title">
                                <span>
                                    热门文章
                                </span>
                            </div>
                            <ul class="widget-hotpost-brief">
                                <li>
                                    <i class="czs-angle-right-l">
                                    </i>
                                    <a href="http://heitang.chuangzaoshi.com/archives/20">
                                        黑糖丨特色的[专题首推]板块，让分类更漂亮优雅！
                                    </a>
                                    <div class="widget-hotpost-brief-time">
                                        2017.05.15
                                    </div>
                                </li>
                                <li>
                                    <i class="czs-angle-right-l">
                                    </i>
                                    <a href="http://heitang.chuangzaoshi.com/archives/26">
                                        黑糖丨主题用户购买须知
                                    </a>
                                    <div class="widget-hotpost-brief-time">
                                        2017.05.15
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="widget widget-follow">
                            <table>
                                <tbody>
                                    <tr>
                                        <td class="follow-wechat">
                                            <i class="czs-weixin">
                                            </i>
                                            <div class="follow-wechat-popup">
                                                <img src="http://heitang.chuangzaoshi.com/wp-content/themes/BlackCandy-V2.0/assets/images/wechat_official_account.png "
                                                alt="wechat" />
                                            </div>
                                        </td>
                                        <td class="follow-weibo">
                                            <a target="blank" href="">
                                                <i class="czs-weibo">
                                                </i>
                                            </a>
                                        </td>
                                        <td class="follow-qq">
                                            <a target="_blank" href="tencent://AddContact/?fromId=50&amp;fromSubId=1&amp;subcmd=all&amp;uin=164903112">
                                                <i class="czs-QQ">
                                                </i>
                                            </a>
                                        </td>
                                        <td class="follow-rss">
                                            <a target="_blank" href="/feed/atom">
                                                <i class="czs-rss">
                                                </i>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </aside>
        </div>
    </div>
</div>
</main>
{/block}
